<h4>Small</h4>
<div>
  <d-toggle [checked]="true" [size]="'sm'"></d-toggle>
</div>

<h4>Middle</h4>
<div>
  <d-toggle></d-toggle>
  <d-toggle [checked]="true"></d-toggle>
</div>

<h4>Large</h4>
<div>
  <d-toggle [checked]="true" [size]="'lg'"></d-toggle>
</div>

<h4>disabled</h4>
<div>
  <d-toggle [disabled]="true"></d-toggle>
  <d-toggle [checked]="true" [disabled]="true"></d-toggle>
</div>
